<template>
  <div class="a">
    <login-form :loginForm="loginForm" :loginBasicInfor="loginBasicInfor" style="width: 80%;height: 75%"></login-form>
  </div>
</template>

<script>
import loginForm from '../../customedElement/loginForm.vue'
export default {
  components: { loginForm },
    data() {
      return {
        loginForm: {
          accountNumber: '',
          password: '',
          idenCode: ''
        },
        loginBasicInfor: {
          name: '管理员登录',
          login: 'administratorinterface',
          passwordLoginPath: '',
          idenCodeLoginPath: '',
          forgetPasswordPath: '',
          registerPath: ''
        }
      }
    },
    methods: {
      stuLogin() {
        this.$router.push('./administratorinterface')
      }
    }
}
</script>

<style lang="less" scoped>
.a {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.el-form {
  display: block;
  height: 400px;
  width: 400px;
  padding: 20px;
  // 边框属性，宽度、样式、颜色
  border: 5px solid grey;
}
</style>